$(function() {
    $('#btnChooseImg').on('click', function() {
        $('#file').click()
    });
    let file = null;
    $('#file').on('change', function(e) {
        let files = e.target.files;

        if (files.length === 0) {
            file = null;
            return
        };
        file = files[0]
        let pic_url = URL.createObjectURL(files[0]);
        $('#image').attr('src', pic_url)

    })
    $('#btnUploadImg').on('click', function() {


            if (!file) {
                layer.msg('请选择上传的头像');
                return
            }
            // 创建一个文件读取器
            let fr = new FileReader();
            // console.log(fr)
            // 在 fr原型对象里面有个方法叫readAsDataURL(),来读取选中文件的base64
            fr.readAsDataURL(file)
                // 注意必须要在fr中的一个onload属性中就是加载或者读取完毕才能看到结果,也就是文件必须读取完毕
            fr.onload = function() {
                axios.patch('/my/update/avatar', { avatar: fr.result }).then(function({ data: res }) {
                    if (res.code === 0) {
                        window.parent.initUserInfo()
                        layer.msg('上传的头像成功', { icon: 1 });

                    }
                })
            }
        })
        // $('#image').attr('src', res.user_pic)

    function img() {
        axios.get('/my/userinfo').then(({ data: res }) => {

            $('#image').attr('src', res.data.user_pic)


        })
    }

    img()
        // console.log($('#image'))
})